// 头部
.header{
    >.header-swiper{
        // border: 1px solid;
        padding: 0.4rem 0.4rem 0.8rem 0.4rem;
        position: relative;
        >.header-swiper-container{
            position: unset;
            width:9.2rem;
            height:3.2rem;
            overflow: hidden;
            >.swiper-wrapper{
                >.swiper-slide{
                    width:9.2rem;
                    height:3.2rem;
                    // border: 1px solid;
                    >a{
                        >img{
                            width: 100%;
                            height: 100%;
                        }
                    }
                }
            }
            >.swiper-pagination{
                .swiper-pagination-bullet{
                    width:0.08rem;
                    height:0.08rem;
                    background:rgba(204,204,204,1);
                    border-radius: 0.03rem ;
                    opacity: 1;
                }
                .swiper-pagination-bullet-active{
                    width:0.29rem;
                    height:0.08rem;
                    background:rgba(220,56,56,1);
                    border-radius: 0.03rem ; 
                }                
            }
            .swiper-pagination-bullets{
                bottom: 0.27rem;
            }           
        }
        >.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
            margin: 0;
            margin-right: 0.11rem;
            &:last-child{
                margin: 0;
            }
        }        
    }
}
// 导航
.bhjie-nav{
    width: 100%;
    height: 2rem;
    // border: 1px solid;
    >.nav-pro{
        width: 100%;
        height: 100%;
        padding: 0rem 0.4rem;
        >a{
            >.nav-pro-item{
                float: left;
                width: 4.4rem;
                height: 100%;
                background:rgba(238,246,255,1);
                border-radius: 0.05rem ; 
                .item-info{
                    // border: 1px solid;
                    height: 0.91rem;
                    margin: 0.52rem 0.41rem 0.55rem 0.31rem;
                    // line-height: 0.91rem;
                    .item-info-left{
                        float: left;
                        p{
                            font-size:0.37rem;
                            list-style: 0.37rem;
                            color:rgba(51,51,51,1);
                            i{
                                font-size: .29rem;
                                color: #0084ff;
                                font-style: normal;
                                padding-top: 0.27rem;
                                display: flex;                              
                            }
                        }
                    }
                    .item-info-right{
                        background: url("../images/icon_zaobao_nor@2x.png");
                        background-size: cover;
                        width: 0.95rem;
                        height: 0.91rem;
                        float: right;
                    }
                }
            }
            .right{
                background:rgba(253,243,239,1);
                float: right;
                .item-info{
                    .item-info-left{
                        p{
                            i{
                                color:rgba(255,96,5,1);
                            }
                        }
                    } 
                    .item-info-right{
                        background: url("../images/icon_zoufang_nor@2x.png");
                        width: 1.03rem;
                        height: 0.95rem;
                        background-size: cover;
                    }                   
                }

            }             
        }
    }
}
.nav{
    margin-top: 0.7466666666666667rem;
    height: 1.466666666666667rem;
    margin-bottom: 1.066666666666667rem;
    ul{
        li{
            a{
                .item-list{
                    float: left;
                    width: 33.33%;
                    text-align: center;
                    height: 1.466666666666667rem;
                    p{
                        font-size:0.37rem;
                        color:rgba(51,51,51,1);
                        margin: auto;
                        &:nth-child(2){
                            margin-top: 0.29rem;
                        }
                    }  
                    .icon_xuetang{
                        background: url("../images/icon_xuetang_nor@2x.png");
                        width:0.73rem;
                        height: 0.71rem;
                        background-size: cover;
                        margin-top: 0.1rem;
                    }    
                    .icon_fengyun{
                        background: url("../images/icon_fengyun_nor@2x.png");
                        width:0.84rem;
                        height: 0.79rem;
                        background-size: cover
                    }   
                    .icon_renwu{
                        background: url("../images/icon_renwu_nor@2x.png");
                        width:0.75rem;
                        height: 0.83rem;
                        background-size: cover                        
                    }           
                }
            }

        }
    }
}
// 视频
.cl{
    margin-top: 1.19rem;
}
.h12{
    margin-top: 0.7rem;
}
.video-item{
    // border: 1px solid;
    padding: 0rem 0.4rem;
    .title{
        h4{
            font-size:0.43rem;
            color:rgba(17,17,17,1);
            float: left;
        }
        a{ 
            font-size:0.35rem;
            color:rgba(153,153,153,1);
            float: right;
            >span{
                background: url("../images/arrow-right@2x.png");
                background-size: cover;
                width:0.21rem;
                height:0.33rem;
                display: inline-block;
                vertical-align: bottom;
                margin-left: 0.19rem;
            }
        }
    }
    .common-banner{
        width:9.2rem;
        padding-top: 0.4rem;
        border-radius: 0.1rem;
        clear: both;
        margin: auto;
        a{
            .video-img{
                height: 5.15rem;
                position: relative;
                img{
                    width: 100%;
                    height:100%;
                } 
                .common-detail{
                    position: absolute;
                    height: 1.133333333333333rem;
                    width:9.2rem;
                    background: url(../images/yingy1@2x.png) 0 0;
                    background-size: contain;
                    border-bottom-left-radius: 0.1rem;
                    border-bottom-right-radius: 0.1rem;
                    line-height: 1.13rem;
                    padding-top: 0.15rem;
                    bottom: 0;
                    p{
                        font-size:0.24rem;
                        color:rgba(255,255,255,1);
                        padding: 0rem 0.27rem;
                        span{
                            float: right;
                        }
                    } 
                }                               
            }
            .video-title{
                font-size:0.37rem;
                color:rgba(51,51,51,1);
                line-height:0.53rem;    
                margin-top: 0.25rem; 
                margin-left: 0.1333333333333333rem;  
                padding: 0;         
            }
        }
    }
    .common-slider{
        width: 9.2rem;
        overflow: hidden;
        margin-top: 0.67rem;
        .common-swiper-container{
            .swiper-wrapper{
                .swiper-slide{
                    width:4.53rem;
                    height: 3.866666666666667rem;
                    margin-right: 0.15rem;
                    &:last-child{
                        margin: 0;
                    }
                    a{
                        .video-img{
                            height:2.53rem; 
                            position: relative;
                            img{
                                width: 100%;
                                height:100%;
                                border-radius: 0.1rem;
                            }
                            .common-detail{
                                position: absolute;
                                width:4.533333333333333rem;
                                height:0.56rem;
                                background: url(../images/yingy2@2x.png) 0 0;
                                background-size: contain;
                                border-bottom-left-radius: 0.1rem;
                                border-bottom-right-radius: 0.1rem;
                                line-height: 0.56rem;
                                bottom: 0;
                                p{
                                    font-size:0.24rem;
                                    color:rgba(255,255,255,1);
                                    padding: 0rem 0.27rem;
                                    height: 100%;
                                    span{
                                        float: right;
                                    }
                                }
                            }                                                        
                        }
                        .video-title{
                            font-size:0.37rem;
                            color:rgba(51,51,51,1);
                            line-height:0.53rem;    
                            margin-top: 0.32rem; 
                            margin-left: 0.1333333333333333rem;           
                        }                         
                    }
                }
            }
        }
    }
}
// 平台走访
.video-plat{
    padding-top: 1.2rem;
    overflow: hidden;
    .title{
        padding: 0rem 0.4rem;
        h4{
            font-size:0.43rem;
            color:rgba(17,17,17,1);
        }
    }
    .plat-swiper-container{
        margin-top: 0.4rem;
        width: 100%;
        .swiper-wrapper{
            .swiper-slide{
                width:8.39rem;
                height: 100%;
                a{
                    .video-img{
                        height:4.65rem;
                        position: relative;
                        img{
                            width: 100%;
                            height:100%;
                            border-radius: 0.1rem;
                            // border: 1px solid red;
                        }  
                        .common-detail{
                            position: absolute;
                            width: 8.4rem;
                            height: 1.13rem;
                            background: url(../images/yingy3@2x.png) 0 0;
                            background-size: contain;
                            border-bottom-left-radius: .1rem;
                            border-bottom-right-radius: .1rem;
                            line-height: 1.13rem;
                            padding-top: .15rem;  
                            bottom: 0;
                            p{
                                font-size:0.24rem;
                                color:rgba(255,255,255,1);
                                padding: 0rem 0.27rem;
                                height: 100%;
                                span{
                                    float: right;
                                }
                            }
                        }                                                 
                    } 
                    .video-title{
                        font-size:0.37rem;
                        color:rgba(51,51,51,1);
                        line-height:0.37rem;    
                        margin-top: 0.4rem;          
                    }                                        
                }
            }            
        }
    }
}
.laymsg{
  width: 8.42rem;
  height: 10.9rem;
  background: url('../images/bj.png') 0 0;
  background-size: cover;
}
.l_close{
  background: url('../images/icon_close_nor.png') 0 0;
  width: 0.53rem;
  height: 0.53rem;
  margin: 0.34rem 0 0.2rem 7.6rem;
  float: left;
}
.lay_title{
  width: calc(100vw - 2.6rem);
  height: 0.533rem;
  line-height: 0.533rem;
  font-size: 0.426rem;
  text-align: center;
  font-weight:bold;
  float: left;
  margin-bottom: 0.4rem;
  margin-top: 0.4rem;
}
.swiper-container{
  /*height: 9.2rem;*/
  width: 100%;
  float: left;
}
.content_swiper{
   padding: 0 0.6rem 0 0.6rem;
   height: 9.2rem;
  overflow: auto;
  width: 7rem;
}
.content_swiper p{
  text-indent:0.7rem;
  font-size: 0.37rem;
  line-height: 0.53rem;
  width: calc(100vw - 2.6rem);
}
/* 底部 */
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 1.3333333333rem;
  background-color: #fff;
  z-index: 10; 
    border-top: 0.01rem solid rgba(0,0,0,0.2);
}
  .footer > .footer-item {
    flex: 1;
    height: 100%;
    text-align: center;
    font-size: 0; 
}
    .footer > .footer-item > a {
      display: block; 
       height: 100%;
        span{
        color: #777777;
        font-size: 0.27rem;
        }
    }
      .footer > .footer-item > a > .icon-wrapper {
         width: 100%;
         margin: 0.1rem 0rem;
         height: 0.6933333333333333rem;
        .find{
            background: url("../images/tab_shouye_nor@2x.png");
            width:0.53rem;
            height:0.64rem;
            background-size: cover;
            display: inline-block;
        }
        .fanli{
            background: url("../images/tab_fanli_nor@2x.png");
            width:0.63rem;
            height:0.56rem;
            background-size: cover;
            display: inline-block;
            margin-top: 0.05rem;
        }
        .yaoqing{
            background: url("../images/tab_yaoqing_nor@2x.png");
            width:0.8933333333333333rem;
            height:0.6933333333333333rem;
            background-size: cover;
            display: inline-block;
            margin-left: 0.3rem;
            margin-top: -0.05rem;
        }
        .message{
            background: url("../images/tab_wuxiaoxi_nor@2x.png");
            width:0.59rem;
            height:0.59rem;
            background-size: cover;
            display: inline-block;
            margin-top: 0.05rem;
        }
        .center{
            background: url("../images/tab_wod_nor@2x.png");
            width:0.48rem;
            height:0.59rem;
            background-size: cover;
            display: inline-block;
            margin-top: 0.05rem;
        }                    
    }
    .footer{
            .active{
            a{
                .icon-wrapper{
                    .find{
                         background: url("../images/tab_shouye_sel@2x.png");
                         background-size: cover;
                    }
                    .fanli{
                        background: url("../images/tab_fanli_sel@2x.png");
                        background-size: cover;
                    }
                    .message{
                        background: url("../images/tab_xiaoxi_sel@2x.png");
                        background-size: cover;
                    }
                    .center{
                        background: url("../images/tab_wod_sel@2x.png");
                        background-size: cover;
                    }                                        
                }
                span{
                    color: #dc3838;
                }
            }
        }
    }    